
	.bgi{
		position: relative;
		width: 100%;
		height: 790rpx;
		background-image: url('https://files.yzsheng.com/client/me/img/hbao.png');
		background-repeat: no-repeat;
		background-size: contain;

	}
	
	.invitation {
		padding: 0 35rpx;

		//卡片
		.coupon {
			position: relative;
			bottom: 50rpx;
			background: rgb(240, 240, 243);
			// opacity: 0.85;
			border-radius: 20rpx;

			//卡片标题
			&-title {
				padding-top: 25rpx;
				text-align: center;
				color: #666666;
				font-size: 26rpx;
				font-weight: 500;
			}

			//优惠券卡片
			&-card {
				position: relative;
				margin-top: 25rpx;

				//内容
				&-content {
					padding: 20rpx 0 30rpx 33rpx;
					margin: 0 auto;
					width: 607rpx;
					height: 190rpx;
					background: #FFFFFF;
					box-shadow: 0px 0px 10rpx 0rpx rgba(160, 160, 160, 0.35);
					border-radius: 10rpx;

					&-left {

						.each {
							font-size: 18rpx;
							color: #333333;
							font-weight: bold;
							line-height: 46rpx;
						}

						.number {
							font-size: 26rpx;
							font-weight: bold;
							color: #333333;

							text {
								color: #F1635B;
							}
						}

						.time {
							margin-top: 20rpx;
							font-size: 24rpx;
							font-weight: 500;
							color: #FF9813;

							view:nth-of-type(2) {
								margin-left: 65rpx;
								color: #999999;
							}
						}
					}
				
					&-right{
						padding-left: 15rpx;
						line-height: 148rpx;
						font-size: 48rpx;
						font-weight: bold;
						color: #F1635B;
					}
				}
			}

			//合伙人攻略
			.strategy {
				color: #808080;
				font-size: 24rpx;
				font-weight: 500;
				margin: 20rpx 30rpx 30rpx 30rpx;
			}

			//刻度条
			.scale {
				margin: 0 auto;
				width: 634rpx;
				height: 200rpx;
				background: #FFFFFF;
				box-shadow: 0px 0rpx 10rpx 0rpx rgba(172, 172, 172, 0.3);
				border-radius: 20rpx;
				padding-top: 100rpx;
				

				.list {
					
					.enlarge{

						&-main{
							font-size: 28rpx;
							text-align: center;
							position: absolute;
							top: -70rpx;
							width: 18%;
							height: 40rpx;
							background: #FFFFFF;
							box-shadow: 0px 0px 10rpx 0px rgba(172, 172, 172, 0.4);
							border-radius: 20rpx;
						}
					}

					.botline {
						position: relative;
						margin: 0 auto;
						width: 570rpx;
						height: 12rpx;
						background-color: #EEEEEE;
						border-radius: 8rpx;

						.left {
							position: absolute;
							bottom: -6rpx;
							z-index: 1;
							width: 7rpx;
							height: 22rpx;
							background: linear-gradient(0deg, #FBD220 0%, #FFE23E 100%);

						}

						.right {
							position: absolute;
							z-index: 1;
							bottom: -6rpx;
							width: 7rpx;
							height: 22rpx;
							background: linear-gradient(0deg, #FBD220 0%, #FFE23E 100%);

						}

						.topline {
							height: 12rpx;
							background: linear-gradient(0deg, #FBD220 0%, #FFE23E 100%);
							border-radius: 5rpx;
						}
					}

					.number {

						.line {
							margin: 0 auto;
							width: 570rpx;
							position: relative;

							&-left {
								position: absolute;
								left: -7rpx;
								top: -60rpx;
								font-size: 28rpx;
								font-weight: 500;
								color: #999999;
							}

							&-left-s {
								position: absolute;
								left: 2rpx;
								top: -25rpx;
								width: 2rpx;
								height: 14rpx;
								background: #DDDDDD;
							}

							&-s {
								position: absolute;
								right: 2rpx;
								top: -25rpx;
								width: 2rpx;
								height: 14rpx;
								background: #DDDDDD;
							}

							&-num {
								position: absolute;
								right: -13rpx;
								top: -60rpx;
								font-size: 28rpx;
								font-weight: 500;
								color: #999999;
							}
						}
					}

				}

				.pack {
					position: relative;

					// left: 21rpx;
					bottom: 35rpx;
					width: 100%;
					display: flex;
					justify-content: space-between;

					.kd {
						margin: 0 auto;
						width: 2rpx;
						height: 10rpx;
						background: #DDDDDD;
					}
				}

				.more {
					margin: 20rpx 0;
					text-align: center;
					font-size: 24rpx;
					font-weight: 500;
					color: #666666;
				}
			}

			.btn {
				margin: 29rpx auto;
				width: 590rpx;
				height: 88rpx;
				line-height: 88rpx;
				background: linear-gradient(0deg, #FBD220, #FFE23E);
				border-radius: 44rpx;
				color: #3D3D3D;
			}

			.user {
				text-align: center;
				font-size: 26rpx;
				font-weight: 500;
				color: #FF821D;
				padding-bottom: 29rpx;
			}

		}

		.achievement {
			// padding: 22rpx;
			color: #333333;
			margin-top: 23rpx;
			width: 680rpx;
			height: 240rpx;
			background: #FFFFFF;
			border-radius: 20rpx;

			&-me {
				margin-top: 18rpx;

				&-top {
					text-align: center;

					.num {

						text {
							font-size: 54rpx;
							font-weight: bold;
							color: #FF9813;
						}
					}

					.describe {
						font-size: 24rpx;
						font-weight: 500;
						color: #666666;
					}
				}
			}


			&-head {
				padding: 22rpx;
				border-bottom: 2rpx solid #EEEEEE;
			}

			.right {
					
				.me {
					
					font-size: 30rpx;
					font-weight: bold;
				}
			}

			.left {
				color: #999999;

				.look {
					font-size: 24rpx;
					font-weight: 500;
					color: #808080;
				}
			}
		}
	}
